<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" type="text/css"href="static/css/index.css"/>
  <link rel="stylesheet" type="text/css"href="static/css/iconfont.css"/>
<!--   <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> -->

</head>
<body>
   
   <div class="tab_container">
      <input id="tab1" type="radio" name="tabs" checked>
      <label><i class="fa fa-code"></i><a href="/entry"><span>欧亚美</span></a></label>

      <input id="tab2" type="radio" name="tabs">
      <label><i class="fa fa-pencil-square-o"></i><a href="/Chinese_cities"><span>中国城市</span></a></label> 

      <input id="tab3" type="radio" name="tabs">
      <label><i class="fa fa-bar-chart-o"></i><a href="/entry_bay"><span>中国三大湾区</span></a></label>

      <input id="tab4" type="radio" name="tabs">
      <label><i class="fa fa-folder-open-o"></i><a href="/invest"><span>头部投资公司</span></a></label>

      <section id="content1">
        <form style="text-align: center;vertical-align: middle;margin: 10px;" method="POST" action="/hurun">
          <select style="font-size:large;margin: 10px" name="category_all_list">
            {% for item in category_all_list %}
              <option value="{{item}}">{{item}}</option>
            {% endfor %}
          </select>
          <p style="text-align: center;justify-content: center;margin: 10px;display: flex;">
            <input style="display: flex;background-color: beige;" value = '开始筛选吧！' type = 'SUBMIT'>
          </p>
        </form>

        <div style="z-index:-1;position: relative;">
          <div class="c1">
            <div class="cloud"></div>
          </div>
          <div class="c2">
            <div class="cloud"></div>
          </div>
          <div  class="c3">
            <div class="cloud"></div>
          </div>
        </div>
    
        {{ the_plot_all|safe }}
        {{ the_res|safe}}
      </section>
    </div>



        <div style="z-index:-1;position: relative;">
          <div class="c1">
            <div class="cloud"></div>
          </div>
          <div class="c2">
            <div class="cloud"></div>
          </div>
          <div  class="c3">
            <div class="cloud"></div>
          </div>
        </div>
        {{ the_plot_all_B|safe }}
        {{ the_res_B|safe}}
      </section>

      <section id="content4" class="tab-content">
        {{ the_plot_all|safe }}
        {{ the_res|safe}}
      </section>

      <section id="content5" class="tab-content">
        <h3>Headline 5</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
      </section>
    </div>




<div style="z-index:-1;position: relative;">
    <div class="sky">
      <div class="deep_sky"></div>
    </div>

    <div class="mountain_a"></div>
    <div class="mountain_b"></div>
    <div class="house right">
      <div class="fence"></div>
      <div class="wall"></div>
      <div class="roof left"></div>
      <div class="roof right"></div>
      <div class="door"></div>
    </div>
    <div class="house left">
      <div class="fence"></div>
      <div class="wall"></div>
      <div class="roof left"></div>
      <div class="roof right"></div>
      <div class="door"></div>
    </div>
    <div class="tree_back"></div>
    <div class="tree"></div>
    <div class="postbox_a">
      <div class="hole"></div>
    </div>
    <div class="postbox_b">
      <div class="hole"></div>
    </div>
    <div class="windmill">
      <div class="tower"></div>
      <div class="t1"></div>
      <div class="t2"></div>
      <div class="blade">
        <div class="windblade"></div>
        <div class="windblade windblade2"></div>
        <div class="windblade windblade3"></div>
        <div class="windblade windblade4"></div>
      </div>
    </div>
    <div class="allsnows">
      <div class="snow1"></div>
      <div class="snow2"></div>
      <div class="snow3"></div>
      <div class="snow4"></div>
      <div class="snow5"></div>
      <div class="snow6"></div>
      <div class="snow7"></div>
      <div class="snow8"></div>
      <div class="snow9"></div>
      <div class="snow10"></div>
      <div class="snow11"></div>
      <div class="snow12"></div>
      <div class="snow13"></div>
      <div class="snow14"></div>
      <div class="snow15"></div>
      <div class="snow16"></div>
      <div class="snow17"></div>
      <div class="snow18"></div>
      <div class="snow19"></div>
      <div class="snow20"></div>
    </div>
    <div class="ground">
      <div class="g1"></div>
      <div class="g2"></div>
      <div class="g3"></div>
      <div class="ice">
        <div class="glare"></div>
        <div class="ice_shadow"></div>
      </div>
    </div>
</div>
</body>
</html>